<%--
  Created by IntelliJ IDEA.
  User: nicks
  Date: 2021/3/24
  Time: 17:06
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<style>
    *{
        margin: 0;
        padding: 0;
    }
    .hide{
        width: 100%;
        height: 100px;
        background-image: linear-gradient(to right,red,darkred);

    }
    .Top_1{
        display: inline-block;
        width: 60px;
        text-align: center;
    }
    .Top_2{
        text-align: center;
        top: 50px;
    }

    .Top_3 img{
        width: 65px;
        text-align: center;
    }
    .search{
        width: 230px;
        height: 40px;
        background-color: white;
        position: relative;
        top: 30px;

    }
</style>
<head>
    <title>吃吃网</title>
</head>
<body>
<%--首页导航栏--%>
<div class="hide" style="display: flex;">
    <div class="Top_1" style="flex: 30% ;"><img src="asstes/image/logo2.png"></div>
    <div class="Top_2" style="flex: 40%">
        <div class="search" >
            <input type="text" name="" value="请输入菜谱/食材/菜单" style="border: none;position: relative;top: 4px">
            <button style="height: 30px;width: 50px;border: none;background-color:darkred ;position: relative;top: 4px">搜索</button>
        </div>
    </div>
    <div class="Top_3" style="flex: 30%"><img src="asstes/image/touxiang_23.gif"></div>
</div>





<%--<form action="index.jsp" method="post">--%>
<%--    <input type="text" name="account">--%>
<%--    <input type="password" name="pwd">--%>
<%--    <button type="submit">登录</button>--%>
<%--</form>--%>



</body>
</html>
